<template>
  <div id="app">
    <a-locale-provider :locale="locale">
      <router-view/>
    </a-locale-provider>
  </div>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import enquireScreen from './utils/device'

export default {
  data() {
    return {
      locale: zhCN
    }
  },
  created() {
    const _this = this
    enquireScreen(isMobile => {
      _this.$store.commit('setDevice', isMobile)
    })
  }
}
</script>


<style lang="scss">
.app-view {
  background: white;
}
.action-box {
  white-space: nowrap;
  .ant-btn:not(:last-child) {
    margin-right: 5px;
  }
  & > span {
    cursor: pointer;
    padding: 5px;
    &:hover {
      opacity: 0.7;
    }
  }
  .primary {
    color: #1890ff;
  }
  .danger {
    color: #f5222d;
  }
  .warn {
    color: #ff9900;
  }
  .success {
    color: #1aad19;
  }
}
.add-btn {
  margin-bottom: 20px;
}
.calendar-container {
  border: 1px solid #eee;
  box-shadow: 0 0 10px #eee;
}
.ant-table {
  th > div,
  td {
    text-align: center;
  }
}
</style>
